<!-- <vue 根据提示回车即可出现如下结构 -->
<template>
  <div>
    <!-- 2. 把值赋予到标签 -->
    <h1>{{ msg }}</h1>
    <h2>{{ obj.name }}</h2>
    <h3>{{obj.age >=18?'成年了':'未成年'}} </h3>
  </div>
</template>

<script>
export default {
  // 1. 变量在data函数return的对象上
  data () {
    return {
      msg:'hello,vue',
      obj: {
        name:'vue',
        age:5,
      }
    }
  }
};
</script>

<style>
</style>